// components/navbar/index.js
const App = getApp();
 
Component({
  options: {
    addGlobalClass: true,
	},
	
  /**
   * 组件的属性列表
   */
  properties: {

		showPop:{
			type: Boolean,
			value: false
		},

		navtype:{									// 类型：nav-导航胶囊 、logo-自定义logo图片（如：微营销，设置为logo后，也可不设置图片地址，则如：商户通、运营通）
			type: String,
			value: "nav"
		},
		ImageLogo:{								// logo的图片地址（navtype为logo时）
			type: String,
			value: "",
			observer(v1){ 
				this.setData({
					ImageLogo_obs: v1 || "",
				})
      }
		} ,				
		pageName: {								// 页面标题
			type: String,
			value: ""
		} ,				
    bgColor: {								// 自定义导航的背景颜色（页面的整个导航部分背景色）
			type: String,
			value: "#ffffff00"
		},					

		iconColor: {							// 胶囊按钮图标的颜色
			type: String,
			value: "#ffffff"
		},				

		fontColor: {							// 页面title标题的字体颜色
			type: String,
			value: "#ffffff"
		},				
    showNav: {								// true-显示 返回|首页 的胶囊按钮 、false-只显示返回
			type: Boolean,
			value: false
		} ,					
		isMultiFun: {							// 是否启用多功能按钮（n-home图标是回首页，y-home按钮是弹出式菜单）
			type: String,
			value: "n"
		},				
		increaseHeight:{					// 自定义导航的背景增长高度值（在基础高度值上增加高度值，增加后向下扩张）0rpx 表示不增加
			type: String,
			value: "15rpx"
		},		
		bodyMargintop:{						// body体上外边距
			type: String,
			value: "220rpx"
		},
		menuList:{								// 多功能菜单（showNav = true &&	isMultiFun = 'y' 时必须定义menuList）
			type: Array,
			value: [],
			observer:function(newVal){ 
				this.setData({
					menuList_obs: newVal,
				})
      }
		},
		
		TitleImageStyle: {					// 是否启用TitleImageStyle样式（即：是否有Title图片）
			type: Boolean,
			value: true
		},	
		ThemeColor: {								// 主题颜色（Title图片按纯色显示）
			type: String,
			value: "#ffffff00"
		},				
		PageBackgroundImageEffects: {		// Title背景的显示效果：
			type: String,
			value: "#ffffff00"
		} ,														  
																		// 00-主题颜色（无图片 使用view组件的background-color）
																		// 01-无特效-原图；
																		// 02-静态特效-CSS下边内弧；
																		// 03-动态特效-波浪动态特效
																		// 99-全屏图片

		TitleImage: {									// Title背景图的地址
			type: String,
			value: ""
		},			

		height:	String,								// Title背景的显示效果为：01\02 03 时的图片自定义高度， 注：不设置高度时，图片默认：mode = widthFix width:100% height:auto


		localmchHeight: {							// 本机的屏幕高度
			type: String,
			value: "1624rpx"
		},		
	},



	observers: {
		'TitleImageStyle,ThemeColor,PageBackgroundImageEffects,TitleImage,localmchHeight':function(v1,v2,v3,v4,v5){
			this.setData({
				TitleImageStyle_obs: v1,
				ThemeColor_obs: v2,
				PageBackgroundImageEffects_obs: v3,
				TitleImage_obs: v4,
				localmchHeight_obs: v5
			})
		}
	},

	
	
	
 
  /**
   * 组件的初始数据
   */
  data: {

		// showPop: false,
		// localmchHeight: '100vh',
		// iconColor:"#ffffff",
		
	},
	
	
  
  lifetimes: {

    attached: function () {
			wx.getSystemInfo({
				success: res => {
					let menuButtonObject = wx.getMenuButtonBoundingClientRect();
					let statusBarHeight = res.statusBarHeight,
					navTop = menuButtonObject.top,//胶囊按钮与顶部的距离
					navHeight = statusBarHeight + menuButtonObject.height + (menuButtonObject.top - statusBarHeight)*2;//导航高度
					App.globalData.navHeight = navHeight*2;
					App.globalData.navTop = navTop;
					App.globalData.windowHeight = res.windowHeight;
					// console.log(	App.globalData.navHeight)
					// console.log(	App.globalData.navTop)
					// console.log(	App.globalData.windowHeight)
				},
				
				fail(err) {
					// console.log(err); 
				}
			})

      this.setData({
        navHeight: App.globalData.navHeight,
        navTop: App.globalData.navTop,
        windowHeight: App.globalData.windowHeight
			})

     }
  },
  /**
   * 组件的方法列表
   */
  methods: {
    //回退
    navBack: function () {
			// console.log('navBack：返回')
      wx.navigateBack({
        delta: 1,
        fail(){                         
          wx.redirectTo({
            url: '/pages/index/index',
          })
        }
      })      
    },
    //回主页
    toIndex: function () {
      if(this.data.isMultiFun == 'y'){
        // console.log('打开tab页面')
        this.setData({
          showPop: true
        })
      }else if(this.data.isMultiFun == 'n'){
        wx.reLaunch({
          url: '/pages/index/index'
        })
      }
      
    },
    onClickHide: function() {
      if(this.data.isMultiFun == 'y'){
        this.setData({
          showPop: false
        })
      }
    },
    goto: function(e) {
      // console.log(e)
      var url = e.currentTarget.dataset.url
      wx.reLaunch({
				url: url
			})
    }
  }
})